<!DOCTYPE html>
<html>
<head>
<title>欢迎登陆樱花阁</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="js/login.js"></script>
<script src="js/simpleAlert.js"></script>
<script type="application/x-javascript"> 
	addEventListener("load", function() {
		setTimeout(hideURLbar, 0); 
	}, false); 
	function hideURLbar(){
		window.scrollTo(0,1); 
	} 
</script>
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<link rel="stylesheet" href="css/simpleAlert.css">
<style type="text/css">
    *{margin: 0;padding: 0;}
    body{ background-color: #3A3A3A; }
    #main{position: absolute;width: 200px;left: 50%;margin-left: -100px;top:200px;text-align: center;}
    #main li{list-style-type: none;margin-top: 5px;}
    #main li a{color: #fff;}
    #main li a:hover{color: #99e;}
    #main li a:active{color: #e99;}
</style>
</head>
<body>
	<h1>欢迎登陆</h1>
	<div class="container w3layouts agileits">
		<div class="login w3layouts agileits">
	    	<h2>登 录</h2>
	   		<form action="login/loginMain" method="post">
	      		<input type="text" name="username" placeholder="用户名" required="">
	      		<input type="password" name=password placeholder="密码" required="">
		    	<ul class="tick w3layouts agileits">
		      		<li>
			        	<input type="checkbox" id="brand1" value="">
			        	<label for="brand1"><span></span>记住我</label>
			      	</li>
		    	</ul>
		    	<div class="send-button w3layouts agileits">
		        	<input type="submit" value="登 录">
		    	</div>
	    	</form>
	    	<a href="#">记住密码?</a>
	    	<div class="social-icons w3layouts agileits">
	      	<p>- 其他方式登录 -</p>
	      	<ul>
		        <li class="qq"><a href="#"> <span class="icons w3layouts agileits"></span> <span class="text w3layouts agileits">QQ</span></a></li>
		        <li class="weixin w3ls"><a href="#"> <span class="icons w3layouts"></span> <span class="text w3layouts agileits">微信</span></a></li>
		        <li class="weibo aits"><a href="#"> <span class="icons agileits"></span> <span class="text w3layouts agileits">微博</span></a></li>
	        	<div class="clear"> </div>
	      	</ul>
	   	</div>
	    <div class="clear"></div>
	</div>
	<div class="register w3layouts agileits">
	    <h2>注 册</h2>
	    <form action="login/registerUser" method="post">
	    	<input type="text" name="userName" placeholder="用户名" required="">
	      	<input type="text" name="email" placeholder="邮箱" required="">
	      	<input type="password" name="passWord" placeholder="密码" required="">
	      	<input type="text" name="phoneNum" placeholder="手机号码" required="">
	    	<div class="send-button w3layouts agileits">
	        	<input type="submit" value="免费注册">
	    	</div>
	    </form>
	    <div class="clear"></div>
	</div>
	<div class="clear"></div>
	<div class="footer w3layouts agileits">
	  <p>Copyright &copy; More Templates</p>
	</div>
</body>
</html>